



<style type="text/css">
	#alertViewSuccess{ position:  fixed; top: 200px; left: 50%; margin-left: -60px; padding: 15px; display: none; z-index: 100;}
	#alertViewSuccess .bg{background-color: #333; border-radius: 10px; opacity: 0.3; width: 100%; height: 120px; display: block; position: absolute; top: 0px; left: 0px; z-index: 10;}
	#alertViewSuccess .info-box{ margin-bottom: 0px; z-index: 9999; position: relative; overflow: hidden;}
	#alertViewSuccess .cover{ height: 90px; background-color: #00c0ef; position: relative; width: 90px; left: 20px; }

	#alertViewError{ position:  fixed; top: 200px; left: 50%; margin-left: -60px; padding: 15px; display: none;z-index: 100;}
	#alertViewError .bg{background-color: #333; border-radius: 10px; opacity: 0.3; width: 100%; height: 120px; display: block; position: absolute; top: 0px; left: 0px; z-index: 10;}
	#alertViewError .info-box{ margin-bottom: 0px; z-index: 9999; position: relative; overflow: hidden;}
	/*#00c0ef*/
</style>
<!-- sss -->
<div id="alertViewSuccess">
	<div class="bg"></div>
	<div class="info-box">
	    <span class="info-box-icon bg-aqua"><i class="fa fa-check"></i></span>
	    <!-- /.info-box-content -->
	    <div class="cover"></div>
	</div>
</div>

<div id="alertViewError">
	<div class="bg"></div>
	<div class="info-box">
	    <span class="info-box-icon bg-red"><i class="fa fa-close"></i></span>
	</div>
</div>
